<div style="padding-right: 10px;">
  <div class="row">
    <div class="col-md-6">
      <div class="box box-solid box-success">
        <div class="box-header with-border">
          <h3 class="box-title">访问统计</h3>
        </div><!-- /.box-header -->
        <div class="box-body" style="height: 500px;">
          <div class="one-search-container">
            <div class="one-search-btn btn-group">
              <div class="btn btn-default active" [class.active]="visitDateType == 'month'" (click)="selectDateType('month','visit')">月
              </div>
              <div class="btn btn-default" [class.active]="visitDateType == 'year'" (click)="selectDateType('year','visit')">年
              </div>
            </div>
            <div class="one-search-time">
              <label><input class="form-control" style="width: 210px;" id="visitDate" readonly /></label>
            </div>
            <a [class.active]="visitDateType == 'monthNow' "
               (click)="selectDateType('month','visit',true)">
              本月</a>
            <a [class.active]="visitDateType == 'yearNow'"
               (click)="selectDateType('year','visit',true)">
              本年</a>
          </div>
          <div id="visitChart" style="width: 100%  ; height: 442px"></div>
        </div><!-- /.box-body -->
      </div><!-- /.box -->
    </div>
    <div class="col-md-6">
      <div class="box box-solid box-success">
        <div class="box-header with-border">
          <h3 class="box-title">新增用户统计</h3>
        </div><!-- /.box-header -->
        <div class="box-body" style="height: 500px;">

          <div class="one-search-container">
            <div class="one-search-btn btn-group">
              <div class="btn btn-default active" [class.active]="accountDateType == 'month'" (click)="selectDateType('month','account')">月
              </div>
              <div class="btn btn-default" [class.active]="accountDateType == 'year'" (click)="selectDateType('year','account')">年
              </div>
            </div>
            <div class="one-search-time">
              <label><input class="form-control" style="width: 210px;" id="accountDate" readonly/></label>
            </div>
            <a [class.active]="accountDateType == 'monthNow' "
               (click)="selectDateType('month','account',true)">本月</a>
            <a [class.active]="accountDateType == 'yearNow'"
               (click)="selectDateType('year','account',true)">本年</a>
          </div>

          <div id="new_account" style="width: 100%  ; height: 442px"></div>
        </div><!-- /.box-body -->
      </div><!-- /.box -->
    </div>
    <div class="col-md-6">
      <div class="box box-solid box-success">
        <div class="box-header with-border">
          <h3 class="box-title">用户访问总量</h3>
        </div><!-- /.box-header -->
        <div class="box-body" style="height: 500px;">

          <div class="one-search-container">
            <div class="one-search-btn btn-group">
              <div class="btn btn-default active" [class.active]="intervalDateType == 'month'"(click)="selectDateType('month','interval')">月
              </div>
              <div class="btn btn-default" [class.active]="intervalDateType == 'year'" (click)="selectDateType('year','interval')">年
              </div>
            </div>
            <div class="one-search-time">
              <label><input class="form-control" style="width: 210px;" id="intervalDate" readonly/></label>
            </div>
            <a [class.active]="intervalDateType == 'monthNow' "
               (click)="selectDateType('month','interval',true)">本月</a>
            <a [class.active]="intervalDateType == 'monthNow' "
               (click)="selectDateType('year','interval',true)">本年</a>
          </div>

          <div id="interval_visit_number" style="width: 100% ; height: 442px"></div>
        </div><!-- /.box-body -->
      </div><!-- /.box -->
    </div>
    <div class="col-md-6">
      <div class="box box-solid box-success">
        <div class="box-header with-border">
          <h3 class="box-title">访问终端类型</h3>
        </div><!-- /.box-header -->
        <div class="box-body" style="height: 500px;">
          <div id="terminal_visit_type" style="width: 100% ; height: 100%"></div>
        </div><!-- /.box-body -->
      </div><!-- /.box -->
    </div>
  </div>
</div>










